<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>洋码头-购在全球,更多洋货 海外购_海外购物网_正品保障_海外直邮_正品低价</title>
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    
    <!--  -->
    <!-- 处理默认样式 -->
    <link rel="stylesheet" href="./css/reset.css">
    <!-- 公共的css -->
    <link rel="stylesheet" href="./css/style.css">
    <!-- 首页的css -->
    <link rel="stylesheet" href="./css/index.css">
    <!-- 引入网页标题图标 -->
    <link rel="shortcut icon" href="./favicon.ico">
    <!-- 轮播图的css -->
    <link rel="stylesheet" href="./css/swiper-bundle.min.css">
    
</head>

<body>
    <!-- 公共的顶部代码 -->
    <div class="page-top">
        <div class="container">
            <div class="top-fl">
                <a href="./index.html">Hi!欢迎来到洋码头!</a>
                <a href="">我是买手</a>
            </div>
            <div class="top-fr">
                <div>
                    <a href="./login.html"><span >登录</span></a>
                    <a href="./register.html"><span>注册</span></a>
                    <!-- <a href="" class="info">
                      <span>阿肉不吃绕</span>  
                        <span></span>
                        <ul>
                            <li>退出登录</li>
                            <li>修改密码</li>
                            <li>我的订单</li>
                        </ul>
                    </a> -->
                </div>
                <a href="#"><span>规则&公告</span></a>
                <a href="./userinfo.html" ><span>个人中心</span></a>
                <a href="./shopping.html"><span>我的订单</span></a>
                <a href="./shopping.html"><span>购物车</span></a>
            </div>
        </div>
    </div>
    <!--公共的右侧栏  -->
    <div class="rightbar">
        <ul>
            <li class="info">
                <a href="">
                    <i></i>
                </a>
            </li>
            <li class="item cart">
                <a href="./shopping.html">
                    <i></i>
                    <span>
                        购<br>物<br>车
                    </span>
                </a>
            </li>
            <li class="item erweima">
                <i></i>
                <div>
                    <img src="./images/erweima.png" alt="">
                    <span>
                        下载APP领取
                        <br>
                        260元新人礼包
                    </span>
                </div>
            </li>
            <li id='qushangnmian' class="item top">
                <i></i>
            </li>
        </ul>

    </div>
    <!-- 头部 -->
    <div class="header">
        <div class="inner">
            <div class="notice">
                <div class="tips">公共提醒：</div>
                <div class="new-carousel">
                    <div class="new-carousel-div">
                        <span
                            class="new-carousel-item">为了您能更好的在洋码头平台选购境外物品，请您在选购商品前认真了解国家跨境相关法律法规，您可直接点击此处跳转至“帮助与客服”了</span>
                        <span class="new-carousel-item">解具体的可进口商品，或直接联系在线洋管家进行咨询，也可拨打全国客服电话400-850-2233。</span>
                        <span
                            class="new-carousel-item">为了您能更好的在洋码头平台选购境外物品，请您在选购商品前认真了解国家跨境相关法律法规，您可直接点击此处跳转至“帮助与客服”了</span>
                        <span class="new-carousel-item">解具体的可进口商品，或直接联系在线洋管家进行咨询，也可拨打全国客服电话400-850-2233。</span>
                    </div>
                </div>
            </div>
            <div class="search">
                <img class="logo" src="./images/logo&zi.png" alt="">
                <form action="">
                    <input type="text" id='search' placeholder="请输入你想搜索的内容" value="" style="height: 22px;">
                    <button type="submit"></button>
                    
                </form>
                <ul class="sousuoxia" >
                    <!-- <li></li> -->
                </ul>
                <img class="weixin" src="./images/weixin.png" alt="">
            </div>
        </div>
        <div class="inner-nav">
            <a href="" class="active mune-item">首页</a>
            <a href="" class=" mune-item">今日限时抢</a>
            <a href="" class=" mune-item">洋货集</a>
            <a href="" class=" mune-item leifen">分类
                <div class="category-box" >
                    <div class="category-downlist">
                         <div class="category-wrap">
                            <!-- <div class="cw-item">
                                <a href="./list.html" title="护肤">
                                    <h3 class="cw-title">
                                        护肤
                                    </h3>
                                    <div class="cw-subtitle">
                                        <span></span><span></span><span></span>
                                    </div>
                                    <span class="cw-img">
                                        <img src="" alt="">
                                    </span>
                                </a>
                            </div> -->
                        </div> 
                    </div>
                </div>
    
            </a>
           
        </div>
    </div>
    <!--中间的轮播图  -->
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide"><img src="./images/banner.jpg" alt=""></div>
            <div class="swiper-slide"><img src="./images/banner.jpg" alt=""> </div>
            <div class="swiper-slide"><img src="./images/banner.jpg" alt=""> </div>
        </div>
        <!-- 如果需要分页器 -->
        <div class="swiper-pagination"></div>
        <!-- 如果需要导航按钮 -->
        <div class="swiper-button-prev"></div>
        <div class="swiper-button-next"></div>

    </div>
    <!--中间轮播图结束  -->
    <!-- 全球商品清单 -->
    <div class="Global-commodity-list">
        <div class="top">
            <i></i>
            <span>全球必买清单</span>
            <a href="">更多 <i>
                </i> </a>
        </div>
        <div class="global-body">
            <ul class="one">
                <li>
                    <a href="" class="leftto">
                        <div class="to1">
                            <div class="cen">
                                <div class="fill">做好防晒，出街也要落落大方</div>
                                <div class="des">
                                    <span>来自14位买手</span>
                                    <span>21件商品</span>
                                </div>
                            </div>
                        </div>
                    </a>
                    <div class="shangpin">
                        <ul>
                            <!-- <li class="item">
                                <a class="pro-img">
                                    <img src="./images/CgvUA1mlEZKAYBaRAAF1F5_2wwo344_1_1_n_w_l.jpg" alt="">
                                </a>
                                <a class="pro-name">
                                    <p>日本cosme大赏Esthe Dew胎盘素保湿美白祛痘爽肤化妆水500ml</p>
                                </a>
                                <p class="price">
                                    <span>￥</span>
                                    58
                                </p>
                                <p class="contion">
                                    <img src="./images/Japan.png" alt="">
                                    <span>日本</span>
                                </p>
                            </li>
                            <li class="item">
                                <a class="pro-img">
                                    <img src="./images/CgvUA1mlEZKAYBaRAAF1F5_2wwo344_1_1_n_w_l.jpg" alt="">
                                </a>
                                <a class="pro-name">
                                    <p>日本cosme大赏Esthe Dew胎盘素保湿美白祛痘爽肤化妆水500ml</p>
                                </a>
                                <p class="price">
                                    <span>￥</span>
                                    58
                                </p>
                                <p class="contion">
                                    <img src="./images/Japan.png" alt="">
                                    <span>日本</span>
                                </p>
                            </li>
                            <li class="item">
                                <a class="pro-img">
                                    <img src="./images/CgvUA1mlEZKAYBaRAAF1F5_2wwo344_1_1_n_w_l.jpg" alt="">
                                </a>
                                <a class="pro-name">
                                    <p>日本cosme大赏Esthe Dew胎盘素保湿美白祛痘爽肤化妆水500ml</p>
                                </a>
                                <p class="price">
                                    <span>￥</span>
                                    58
                                </p>
                                <p class="contion">
                                    <img src="./images/Japan.png" alt="">
                                    <span>日本</span>
                                </p>
                            </li>
                            <li class="item">
                                <a class="pro-img">
                                    <img src="./images/CgvUA1mlEZKAYBaRAAF1F5_2wwo344_1_1_n_w_l.jpg" alt="">
                                </a>
                                <a class="pro-name">
                                    <p>日本cosme大赏Esthe Dew胎盘素保湿美白祛痘爽肤化妆水500ml</p>
                                </a>
                                <p class="price">
                                    <span>￥</span>
                                    58
                                </p>
                                <p class="contion">
                                    <img src="./images/Japan.png" alt="">
                                    <span>日本</span>
                                </p>
                            </li> -->
                        </ul>
                    </div>
                </li>

            </ul>
            <ul class="two">
                <li>
                    <a href="" class="leftto">
                        <div class="to1">
                            <div class="cen">
                                <div class="fill">做好防晒，出街也要落落大方</div>
                                <div class="des">
                                    <span>来自14位买手</span>
                                    <span>21件商品</span>
                                </div>
                            </div>
                        </div>
                    </a>
                    <div class="shangpin">
                        <ul>
                            <!-- <li class="item">
                                <a class="pro-img">
                                    <img src="./images/CgvUA1mlEZKAYBaRAAF1F5_2wwo344_1_1_n_w_l.jpg" alt="">
                                </a>
                                <a class="pro-name">
                                    <p>日本cosme大赏Esthe Dew胎盘素保湿美白祛痘爽肤化妆水500ml</p>
                                </a>
                                <p class="price">
                                    <span>￥</span>
                                    58
                                </p>
                                <p class="contion">
                                    <img src="./images/Japan.png" alt="">
                                    <span>日本</span>
                                </p>
                            </li>
                            <li class="item">
                                <a class="pro-img">
                                    <img src="./images/CgvUA1mlEZKAYBaRAAF1F5_2wwo344_1_1_n_w_l.jpg" alt="">
                                </a>
                                <a class="pro-name">
                                    <p>日本cosme大赏Esthe Dew胎盘素保湿美白祛痘爽肤化妆水500ml</p>
                                </a>
                                <p class="price">
                                    <span>￥</span>
                                    58
                                </p>
                                <p class="contion">
                                    <img src="./images/Japan.png" alt="">
                                    <span>日本</span>
                                </p>
                            </li>
                            <li class="item">
                                <a class="pro-img">
                                    <img src="./images/CgvUA1mlEZKAYBaRAAF1F5_2wwo344_1_1_n_w_l.jpg" alt="">
                                </a>
                                <a class="pro-name">
                                    <p>日本cosme大赏Esthe Dew胎盘素保湿美白祛痘爽肤化妆水500ml</p>
                                </a>
                                <p class="price">
                                    <span>￥</span>
                                    58
                                </p>
                                <p class="contion">
                                    <img src="./images/Japan.png" alt="">
                                    <span>日本</span>
                                </p>
                            </li>
                            <li class="item">
                                <a class="pro-img">
                                    <img src="./images/CgvUA1mlEZKAYBaRAAF1F5_2wwo344_1_1_n_w_l.jpg" alt="">
                                </a>
                                <a class="pro-name">
                                    <p>日本cosme大赏Esthe Dew胎盘素保湿美白祛痘爽肤化妆水500ml</p>
                                </a>
                                <p class="price">
                                    <span>￥</span>
                                    58
                                </p>
                                <p class="contion">
                                    <img src="./images/Japan.png" alt="">
                                    <span>日本</span>
                                </p>
                            </li> -->
                        </ul>
                    </div>
                </li>

            </ul>
            <ul class="three">
                <li>
                    <a href="" class="leftto">
                        <div class="to1">
                            <div class="cen">
                                <div class="fill">做好防晒，出街也要落落大方</div>
                                <div class="des">
                                    <span>来自14位买手</span>
                                    <span>21件商品</span>
                                </div>
                            </div>
                        </div>
                    </a>
                    <div class="shangpin">
                        <ul>
                            <!-- <li class="item">
                                <a class="pro-img">
                                    <img src="./images/CgvUA1mlEZKAYBaRAAF1F5_2wwo344_1_1_n_w_l.jpg" alt="">
                                </a>
                                <a class="pro-name">
                                    <p>日本cosme大赏Esthe Dew胎盘素保湿美白祛痘爽肤化妆水500ml</p>
                                </a>
                                <p class="price">
                                    <span>￥</span>
                                    58
                                </p>
                                <p class="contion">
                                    <img src="./images/Japan.png" alt="">
                                    <span>日本</span>
                                </p>
                            </li>
                            <li class="item">
                                <a class="pro-img">
                                    <img src="./images/CgvUA1mlEZKAYBaRAAF1F5_2wwo344_1_1_n_w_l.jpg" alt="">
                                </a>
                                <a class="pro-name">
                                    <p>日本cosme大赏Esthe Dew胎盘素保湿美白祛痘爽肤化妆水500ml</p>
                                </a>
                                <p class="price">
                                    <span>￥</span>
                                    58
                                </p>
                                <p class="contion">
                                    <img src="./images/Japan.png" alt="">
                                    <span>日本</span>
                                </p>
                            </li>
                            <li class="item">
                                <a class="pro-img">
                                    <img src="./images/CgvUA1mlEZKAYBaRAAF1F5_2wwo344_1_1_n_w_l.jpg" alt="">
                                </a>
                                <a class="pro-name">
                                    <p>日本cosme大赏Esthe Dew胎盘素保湿美白祛痘爽肤化妆水500ml</p>
                                </a>
                                <p class="price">
                                    <span>￥</span>
                                    58
                                </p>
                                <p class="contion">
                                    <img src="./images/Japan.png" alt="">
                                    <span>日本</span>
                                </p>
                            </li>
                            <li class="item">
                                <a class="pro-img">
                                    <img src="./images/CgvUA1mlEZKAYBaRAAF1F5_2wwo344_1_1_n_w_l.jpg" alt="">
                                </a>
                                <a class="pro-name">
                                    <p>日本cosme大赏Esthe Dew胎盘素保湿美白祛痘爽肤化妆水500ml</p>
                                </a>
                                <p class="price">
                                    <span>￥</span>
                                    58
                                </p>
                                <p class="contion">
                                    <img src="./images/Japan.png" alt="">
                                    <span>日本</span>
                                </p>
                            </li> -->
                        </ul>
                    </div>
                </li>

            </ul>
        </div>
    </div>
    <!-- 分类 -->
    <div class="Global-commodity-list  category">
        <div class="top">
            <i></i>
            <span>分类</span>
            <a href="">更多 <i>
                </i> </a>
        </div>
        <div class="category-body">
            <!-- 分类身体左边 -->
            <div class="cbleft">
                <div class="itemleft">
                    <a href=""><img src="./images/bag.gif" alt=""></a>
                    <span>大牌包包</span>
                </div>
                <div class="itemleft">
                    <a href=""><img src="./images/xie.gif" alt=""></a>
                    <span>潮流服鞋</span>
                </div>
                <div class="itemleft">
                    <a href=""><img src="./images/zhuang.gif" alt=""></a>
                    <span>美颜护肤</span>
                </div>
            </div>
            <!-- 分类身体中间 -->
            <div class="cbcenter">
                <div class="cenitem">
                    <div class="cenit-hd">
                        <h3>包治百病</h3>
                    </div>
                    <div class="cenit-by">
                        <a href="">
                            <p><img src="./images/tote.png" alt=""></p>
                            <p>tote包</p>
                        </a>
                        <a href="">
                            <p><img src="./images/tote.png" alt=""></p>
                            <p>tote包</p>
                        </a>
                        <a href="">
                            <p><img src="./images/tote.png" alt=""></p>
                            <p>tote包</p>
                        </a>
                        <a href="">
                            <p><img src="./images/tote.png" alt=""></p>
                            <p>tote包</p>
                        </a>
                        <a href="">
                            <p><img src="./images/tote.png" alt=""></p>
                            <p>tote包</p>
                        </a>
                    </div>
                </div>
                <div class="cenitem">
                    <div class="cenit-hd">
                        <h3>包治百病</h3>
                    </div>
                    <div class="cenit-by">
                        <a href="">
                            <p><img src="./images/tote.png" alt=""></p>
                            <p>tote包</p>
                        </a>
                        <a href="">
                            <p><img src="./images/tote.png" alt=""></p>
                            <p>tote包</p>
                        </a>
                        <a href="">
                            <p><img src="./images/tote.png" alt=""></p>
                            <p>tote包</p>
                        </a>
                        <a href="">
                            <p><img src="./images/tote.png" alt=""></p>
                            <p>tote包</p>
                        </a>
                        <a href="">
                            <p><img src="./images/tote.png" alt=""></p>
                            <p>tote包</p>
                        </a>
                    </div>
                </div>
                <div class="cenitem">
                    <div class="cenit-hd">
                        <h3>包治百病</h3>
                    </div>
                    <div class="cenit-by">
                        <a href="">
                            <p><img src="./images/tote.png" alt=""></p>
                            <p>tote包</p>
                        </a>
                        <a href="">
                            <p><img src="./images/tote.png" alt=""></p>
                            <p>tote包</p>
                        </a>
                        <a href="">
                            <p><img src="./images/tote.png" alt=""></p>
                            <p>tote包</p>
                        </a>
                        <a href="">
                            <p><img src="./images/tote.png" alt=""></p>
                            <p>tote包</p>
                        </a>
                        <a href="">
                            <p><img src="./images/tote.png" alt=""></p>
                            <p>tote包</p>
                        </a>
                    </div>
                </div>
            </div>
            <!-- 分类身体右边  -->
            <div class="cbright">
                <div class=" hot-title">
                    <h3>热门主题</h3>
                </div>
                <div class="cbright-by">
                    <a href="">做好防晒，出街也要落落大方</a>
                    <a href="">给肌肤补水，告别干燥肌 </a>
                </div>
            </div>
        </div>
    </div>
    <!-- 品牌展示啊展示 -->
    <!-- <div class="brand-list">
        <div class="brand-item">
            <span class="br-pre">
                <i></i>
            </span>
            <span class="br-next">
                <i></i>
            </span>
            <div class="bt-body">

            </div>
        </div>
    </div> -->
    <!-- 猜你喜欢 -->
    <div class="mod-like">
        <div class="top">
            <i></i>
            <span>猜你喜欢</span>
        </div>
        <div class="like-body">
            <ul class="product-list" style="overflow: hidden;">
                <!-- <li class="product-item">
                    <a href="" class="product-img">
                        <img src="./images/item.jpg" alt="">
                    </a>
                    <a href="">
                        <p class="name">英国芳芯femfresh私处洗液抑菌止痒去异味女性孕妇无皂芳心护理液</p>
                    </a>
                    <p class="price">￥<b class="unit">34</b></p>
                </li> -->
            </ul>
        </div>
    </div>
    <!-- 点击查看更多 -->
    <div class="see-more">
        点击加载更多
    </div>
    <!-- 底部 -->
    <div class="button"></div>
</body>

<script src="./js/swiper-bundle.min.js"></script>
<script src="./js/jquery-3.6.0-min.js"></script>
<script src="./js/tools.js"></script>
<script src="./js/search.js"></script>
<script src="./js/fenlei.js"></script>
<script src="./js/Guesslike.js"></script>
<script src="./layer/layer.js"></script>
<script src="./js/index.js"></script>

<script>
 
    

</script>

</html>